//nav 导航
@import './var';


.nav-head{
  height: 32px;
  background-color: #f2f2f2;
  color: #999;
  line-height: 32px;
  font-size: 1rem;
  .w1230{
    height: 100%;  
    a{
      color: #999;
    }
    a:hover{
      color: #FF0036;
    }
    p{
      float: left;
      a{
        padding: 0 10px;
        
      }
      .login_a{
        padding-left: 20px;
      }
    }
    
  }
}
.nav-head .w1230>ul{
  
    float: right;

    li{
      float: left;
      padding: 0 10px;
    }
    .nav_myTaobao{
      position: relative;
      b{
        position: absolute;
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-top-color: #bbb;
        top: 15px;
        right: 0px;
      }
      div{
        display: none;
        position: absolute;
        left: 0;
        width: 74px;
        line-height: 1.4;
        padding: 8px 10px;
        border: solid #eee;
        border-width: 0 1px 1px;
        a{
          display: block;       
        }
      }
    }
    .nav_myTaobao:hover{
      background-color: #fff;
    }
    .nav_myTaobao:hover div{
      display: block;
      background-color: #fff;
    }
    .nav_myTaobao:hover b{
      transition: transform .2s ease-in;
      transform: rotate(180deg);
      transform-origin: 50% 30%;
    }
    .nav_shop_car{
      i{
        font-size: 16px;
      }
    }
    .nav_bookmarks{
      position: relative;
      padding-right: 14px;
      
      b{
        position: absolute;
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-top-color: #bbb;
        top: 15px;
        right: 5px;
      }
    }
    .nav_bookmarks:hover{
      background-color: #fff;
    }
    .nav_bookmarks>div{
      display: none;
        position: absolute;
        left: 0;
        width: 74px;
        line-height: 1.4;
        padding: 8px 10px;
        border: solid #eee;
        border-width: 0 1px 1px;
        a{
          display: block;       
        }
    }
    .nav_bookmarks:hover div{
      display: block;
    }
    .nav_bookmarks:hover b{
      transition: transform .2s ease-in;
      transform: rotate(180deg);
      transform-origin: 50% 30%;
    }
    //竖杠
    .shu{
      width: 0;
      height: 14px;
      color: #999;
      display: inline-block;
      line-height: 14px;
      vertical-align: top;
      position: relative;
      top: 10px;
      left: 0;
      font-size: 0;
      border-left: 1px solid #ccc;
      margin: 0 0px 0 5px;
      padding-right: 3px;
    }
    .nav_phone{
      position: relative;
      background-image: url(../../static/icon/svg/手机.svg);
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: left center;
      padding-left: 15px;
      div{
        z-index: 999;
        left: -80px;
        top: 25px;
        box-shadow: 0 0 5px ;
        position: absolute;
        display: none;
        width: 175px;
        height: 175px;
        margin: 5px 0 0px;
        background: url(//gw.alicdn.com/imgextra/i1/O1CN01p7gvna1wNcJUZjbyI_!!6000000006296-2-tps-175-175.png) 0 0 no-repeat;
      }
    }
    .nav_phone:hover div{
      display: block;
    }

    //商家支持
    .nav_support{
      position: relative;
      padding-right: 14px;
      margin-left: 3px;
      margin-right: 10px;
      b{
        position: absolute;
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-top-color: #bbb;
        top: 15px;
        right: 5px;
      }
    }
    .nav_support div{
      padding: 8px 10px;
      border: 1px solid #ddd;
      position: absolute;
      right: 0;
      width: 122px;
      color: #999;
      line-height: 32px;
      font-size: 1rem;
      display: none;
      h3{
        font-weight: 700;
        font-size: calc(1rem/1.5);
      }
      ul{
        margin-top: -5px;
        overflow: hidden;

        .support_first{
          padding: 5px 0;
          height: auto;
          display: block;
          line-height: 1.4;
          border-bottom: 1px dotted #827777;
          margin-right: -20px;
          a{
            display: inline-block;
            width: 48px;
            margin-right: 20px;
            line-height: 22px;
          }
        }
        .support_second{
          width: 100%;
          padding: 5px 0;
          height: auto;
          display: block;
          line-height: 1.4;
          border-bottom: 1px dotted #827777;
          margin-right: -20px;
          h3{
            margin-bottom: 5px;
          }
          a{
            display: block;
            line-height: 20px;
          }
        }
      }
    }
    .nav_support:hover{
      background-color: #fff;
    }
    .nav_support:hover div{
      display: block;
      background-color: #fff;
    }
    .nav_support:hover b{
      transition: transform .2s ease-in;
      transform: rotate(180deg);
      transform-origin: 50% 30%;
    }
    //网页导航
    .nav_navi{
      position: relative;
      background-image: url(../../static/icon/svg/导航.svg);
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: 5px center;
      padding-left: 22px;
      padding-right: 14px;
      b{
        position: absolute;
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-top-color: #bbb;
        top: 15px;
        right: 5px;
      }
    }
    .nav_navi .nav_div{
      position: absolute;
      right: 0;
      width: 1200px;
      padding: 20px 0;
      display: none;
      box-shadow: 0 0 2px ;
      z-index: 1000;
    }
    .nav_navi .nav_div div{
      float: left;
    }
    //热点推荐
    .nav_navi .nav_div .nav_div_hot{
      width: 445px;
      height: 110px;
      padding-left: 30px;
      border-right: 1px dashed gray;
    }
    .nav_div_hot h2{
      font-size: 1.4rem;
      padding-bottom: 8px;
      line-height: 1.4;
      color: #f56a00;
      font-weight: 100;
    }
    .nav_navi .nav_div .nav_div_hot h2 span{
      line-height: 1;
      padding-left: 6px;
      font-size: 1.6rem;
    }
    .site-list{
      float: left;
      width: 475px;
    }
    .site-list li{
      width: 95px;
      float: left;
      padding: 6px 0;
      line-height: 1;
    }
    .nav_div .nav_div_hot .site-list li:nth-child(5n){
      width: 90px;
    }
    //行业市场
    .nav_div_market{
      width: 487px;
      height: 110px;
      padding-left: 30px;
      box-sizing: border-box;
      border-right: 1px dashed gray;
    }
    .nav_div_market h2{
      color: #2263d4;
      font-weight: 100;
      font-size: 1.4rem;
      padding-bottom: 8px;
      line-height: 1.4;
    }
    .nav_div_help{
      width: 226px;
      height: 110px;
      padding-left: 30px;
      box-sizing: border-box;
    }
    .nav_div_help h2{
      color: #666;
      line-height: 1;
      font-weight: 100;
      padding-bottom: 8px;
    }
    .nav_div_help .site-list{
      width: 216px;
    }


    .nav_navi:hover{
      background-color: #fff;
    }
    .nav_navi:hover .nav_div{
      display: block;
      background-color: #fff;
    }
    .nav_navi:hover b{
      transition: transform .2s ease-in;
      transform: rotate(180deg);
      transform-origin: 50% 30%;
    }
  
}
.showmsg{
  float: left;
  display: none;
}